<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments::head(~{::title})">
    <title>404</title>
</head>
<body>
<!--导航-->
<nav th:replace="fragments::menu(0)"></nav>

<br>
<br>
<br>

<div class="ui m-opacity m-margin-top-max container m-opacity-mini">
    <img src="/static/images/404.jpg" th:src="@{/images/404.jpg}" alt="" class="ui rounded bordered fluid image">
</div>
<div class="m-margin-top-max" align="center">
    <a href="#" th:href="@{/}">
        <button type="button" class="ui teal button m-mobile-wide"><i class="home icon"></i>返回首页</button>
    </a>
</div>

<br>
<br>


<!--底部内容-->
<footer th:replace="fragments::footer"></footer>

<script th:replace="fragments::script"></script>
<script>
    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide')
    });


    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-show');

    });
</script>
</body>
</html>